<template>
    <div class="send-nav">
        <!--S选择红包类型-->
        <div id="send-nav" :class="send_status">
            <div class="content">
                <div class="child">
                    <router-link :to="'/'+ $route.name + '/send/default/0'">
                        <div class="icon">
                            <svg><use xlink:href="#icon-hongbao"></use></svg>
                        </div>
                        <p>红包</p>
                    </router-link>
                </div>
                <div class="child">
                    <router-link :to="'/'+ $route.name + '/send/image/0'">
                        <div class="icon">
                            <svg><use xlink:href="#icon-image"></use></svg>
                        </div>
                        <p>图片红包</p>
                    </router-link>
                </div>
                <div class="child">
                    <router-link :to="'/'+ $route.name + '/send/video/0'">
                        <div class="icon">
                            <svg><use xlink:href="#icon-shipin"></use></svg>
                        </div>
                        <p>视频红包</p>
                    </router-link>
                </div>
            </div>
        </div>
        <!--E选择红包类型-->

        <!--S发布红包按钮-->
        <div id="send-btn" :class="send_status" @click="clickSend">
            <i class="iconfont icon-tianjia"></i>
        </div>
        <!--E发布红包按钮-->
    </div>
</template>

<script>
export default {
    name: "send-nav",
    data () {
      return {
          send_status: 'close'
      }
    },
    methods: {
        // 点击发布红包按钮
        clickSend () {
            if(this.send_status === "close"){
                this.send_status = "open";
            } else {
                this.send_status = "close";
            }
        }
    }
}
</script>

<style scoped lang="less" src="./send-nav.less"></style>
